<template>
  <div class="building-content">
    <div class="building-box">
      <div class="building-textBox">
        <SvgIcon width="250px" height="250px" name="building" color="#fff"></SvgIcon>
        <h2 class="textBottom">模块正在开发...</h2>
        <h2 class="textBottom">敬请期待</h2>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.building-content {
  position: relative;

  .building-box {
    position: absolute;
    width: 100%;
    height: 85vh;
    top: 0;
    left: 0;
    background: $base-menu-background;

    .building-textBox {
      margin-top: 100px;
      // margin-bottom: 60px;
      text-align: center;
      color: #f8d852;

      .textBottom {
        font-size: 40px;
        font-weight: 700;
        margin-top: 20px;

        &:nth-last-child(1) {
          margin-top: 20px;
        }
      }
    }
  }
}</style>